<%--
  Created by IntelliJ IDEA.
  User: 86177
  Date: 2024/9/22
  Time: 17:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>增加界面</title>
</head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<style>
    main {
        padding: 10px;
    }

    .div_main {
        background: #fafafa;
        margin: 0 20%;
    }

    .grid {
        padding: 20px 0;
        border-bottom: 1px solid #dbedf3;
    }

    .tit0 {
        font-size: 20px;
        color: #8a1253;
    }

    .tit1 {
        color: #e8751a;
        text-decoration: none;
    }

</style>
<body>
<header>
    <div>
        <!--        查询-->
        <nav class="navbar navbar-expand-lg bg-body-tertiary">
            <div class="container-fluid">
                <a class="navbar-brand" href="manage_jsp.jsp">返回管理界面</a>
                <div id="navbarSupportedContent">
                    <form action="find.jsp" method="get" class="d-flex" role="search">
                        <input class="form-control me-2" name="name" type="search" placeholder="请输入姓名"
                               aria-label="Search">
                        <button class="btn btn-outline-success" type="submit" style="width: 80px">查找</button>
                    </form>
                </div>
            </div>
        </nav>
    </div>
    <div>
        <!--        新增-->
    </div>
</header>
<main>
    <div class="div_main text-center">
        <div class="grid">
            <div class="row">
                <div class="tit0 col">No.</div>
                <div class="tit0 col">Name</div>
                <div class="tit0 col">Age</div>
                <div class="tit0 col">Sex</div>
                <div class="tit0 col">Birthday</div>
                <div class="tit0 col"></div>
                <div class="tit0 col"></div>
            </div>
        </div>
        <form action="Add" method="post">
            <div class="grid">
                <div class="row">
                    <div class="tit col"></div>
                    <div class="tit col"><input required name="name" style="width: 100px"></div>
                    <div class="tit col"><input required name="age" style="width: 100px"></div>
                    <div class="tit col"><input required name="sex" style="width: 100px"></div>
                    <div class="tit col"><input required name="birthday" style="width: 150px"></div>
                    <div class="col"><a href="" class="tit1"></a></div>
                    <div class="col">
                        <button type="submit">确认</button>
                    </div>
                </div>
            </div>
        </form>

    </div>
</main>


</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-/mhDoLbDldZc3qpsJHpLogda//BVZbgYuw6kof4u2FrCedxOtgRZDTHgHUhOCVim"
        crossorigin="anonymous"></script>
</html>